<script setup lang="ts">
import {useRouter} from 'vue-router'

const router = useRouter();
const goHome = () => {
  router.push({path: `/index`});
}
</script>

<template>
  <div class="col-lg-8" style="text-align: center;padding-top: 10rem;">
    <img src="@/assets/images/404.svg" alt="" style="width: 20%">
    <h1 style="margin-top: 1.5rem !important;font-size:5rem;" class="mb-2">404</h1>
    <h2 class="mb-2" style="font-size: 2.34375rem">找不到页面！</h2>
    <p style="color: var(--bs-body-color); margin-bottom: 1.5rem;">要么是出了什么问题，要么这个页面已经不存在了。</p>
    <a-button type="primary" @click="goHome">返回首页</a-button>
  </div>
</template>
<style scoped lang="scss">
.col-lg-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}


</style>

